<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue的v-bind</title>
    <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"></script>

</head>
<body>

    <!--
        vue绑定HTML的属性使用v-bind进行绑定,v-bind:属性名="属性值"
        简写:属性名="属性值"

    -->

    <div id="app">
        <!--a v-bind:href="url1">点击我吧</a>-->
        <a :href="url1">点击我吧</a><br/>
        <a :href="url2+'?id=2'">点击我吧</a><br/>
        <font :color="ys" >你好,世界</font>

    </div>

    <script type="text/javascript">
        new Vue({
            el:"#app",
            data:{
                url1:"https://www.baidu.com",
                url2:"https:www.qq.com",
                id:2,
                ys:"red"
            }
        });
    </script>

</body>
</html>